/* 
* 各类间距（margin 和 padding）
*/

$list: -5, -10, -20, 5, 10, 20, 30;

@each $i in $list {
	$valstr: #{$i}px;

	.p-#{$i} {
		padding: $valstr;
	}

	.pt-#{$i} {
		padding-top: $valstr;
	}

	.pb-#{$i} {
		padding-bottom: $valstr;
	}

	.pl-#{$i} {
		padding-left: $valstr;
	}

	.pr-#{$i} {
		padding-right: $valstr;
	}

	.plr-#{$i} {
		padding-left: $valstr;
		padding-right: $valstr;
	}

	.ptb-#{$i} {
		padding-top: $valstr;
		padding-bottom: $valstr;
	}

	.m-#{$i} {
		margin: $valstr;
	}

	.mt-#{$i} {
		margin-top: $valstr;
	}

	.mb-#{$i} {
		margin-bottom: $valstr;
	}

	.ml-#{$i} {
		margin-left: $valstr;
	}

	.mr-#{$i} {
		margin-right: $valstr;
	}

	.mlr-#{$i} {
		margin-left: $valstr;
		margin-right: $valstr;
	}

	.mtb-#{$i} {
		margin-top: $valstr;
		margin-bottom: $valstr;
	}
}
